

(function() {
  var scatterData = [{
    // value: [113.863332, 26.43333]
    value: [112.950412, 27.083531]
  }
  ]
  var myChart = echarts.init(document.querySelector(".map "));
  $.get('json/map/hengyang.json', function (ret) { //加载地图的矢量数据
    console.log(ret)
    echarts.registerMap('hengyang', ret)  //在Ajax的回调函数中注册地图的矢量数据
    var option = {
      title:{
        text:"衡阳市地图",
        x:'center',
        textStyle: {
          fontSize: 25,
        }
      },
      geo: {
        type: 'map',
        map: 'hengyang',
        roam: true, // 运行使用鼠标进行拖动和缩放
        // zoom: 1,  //缩放比例
        label: {  //展示下级市县的名称
          show: true,
          color: "#443e3e"
        },
        itemStyle: {
          emphasis: {
            areaColor: '#daf1a4'
          },
          normal: {
            borderColor: 'rgba(0,0,0,0.35)',
            borderWidth: 2,
            areaColor: 'rgba(239,190,81,0.3)',
          },
        },
      },
      series: [
        {
          data: scatterData, //配置坐标标记点数据
          type: 'effectScatter',
          coordinateSystem: 'geo', //指明标记点所使用的地图坐标系统
          rippleEffect: {
            scale: 5   // 设置涟漪动画的缩放比例
          }
        }
      ],
    }
    myChart.setOption(option)
    })
    window.addEventListener("resize", function () {
      myChart.resize();
    });
})();
